<!doctype html>
<html>
<head>
<title>Download Free MP3 - Search to Download Free Music | WonTube.com</title>
<#include "/include/meta.html">
<meta name="description" content="Search to download high quality mp3 for free directly online."/>
<meta name="keywords" content="download free music, free mp3 download, download songs online, download youtube mp3"/>
<#include "/include/css.html">
<style>
#mp3Download_top_mg{
	background: url("${contextPath}/style/images/jb_bj3.png") repeat-x scroll 0 bottom #FFFFFF;
    border-bottom: 1px solid #C9C9C9;
    min-width: 700px;
}
#mp3Download_top_mg #mprDownload_logo {
    background: url("${contextPath}/style/images/main_img.png") no-repeat scroll -310px -60px transparent;
    display: block;
    float: left;
    height: 60px;
    overflow: hidden;
    text-indent: -9999px;
    width: 150px;
}
#mp3Download_cont_mg{
	min-width: 700px;
    padding: 20px 0;
}

#mprDownload_search input.input_txt {
    background: url("images/search_solid.gif") repeat-x scroll left top #FFFFFF;
    border: 1px solid #B6B6B6;
    color: #666666;
    float: left;
    font-size: 16px;
    height: 32px;
    line-height: 30px;
    padding: 0 10px;
    width: 70%;
}

.listStyle1 li {
    border-bottom: 1px solid #E8E8E8;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 0 0 30px;
    position: relative;
}


.side_artist {
    background-color: #F0F0F0;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    margin-right: 10px;
}
</style>
</head>
<body>
	<#include "/mg/include/header.ftl">
	<div id="main" style=" margin: 45px 0 40px 0px;">
		<div id="mp3Download_top_mg" >
	    	<div class="mp3Download_box">
		    	<h2 id="mprDownload_logo">Download MP3</h2>
		        <div id="mprDownload_search">
		        	<input type="text" value="Search for Music..." size="20" class="input_txt smenu-input" /><button class="btn smenu-btn">Search</button>
			        <div class="drop_down smenu-wrap" style="display:none;">	        	
			        </div>
		        </div>
	        </div>
	  	</div>
	  	
	  	<div id="mp3Download_cont_mg"> 
	  		<div class="downMP3_home" >
	  			<div class="Cont_mp3" style="padding: 0 230px 0 5px;">
	  				<h2 class="cm_column" style="padding: 0px 0px 0px 5px;">Popular Music MP3</h2>
	  				<div id="mp3_list_div">
	  					<#include "/mg/mp3/mp3_list.ftl">
	  				</div>
	  				<#include "/macro/new_pager.ftl">	  				
	  				<div id="page_box" class="clear">
	  					<#assign url = contextPath + "/music/list/{page}">
	  					<@pager url page!1 10 />		                	
		            </div>
	  			</div>
	  			<div class="side_artist">
	  				<h3 class="sa_column">Popular Artist</h3>   	  		           		  
	  				<#include "/mg/mp3/artist_list.ftl">
	  			</div>
	  		</div>
	  	</div>
	 </div>
  	<#include "/mg/include/js.html">
	<script type="text/javascript" src="${jsRoot}/mg/mp3/mp3_index.js?${version}"></script>
</body>
</html>
